{% extends 'Web/layout_main.html.twig' %}

{% block myCss %}
{% endblock %}


{% block adBanner %}
    {#banner_ad_2#}
    <div class="mart20 marb20 bdso">
        <img class="w100" src="/web/img/banner_ad_1.jpg" alt="banner_ad_1">
    </div>
{% endblock %}

{% block main %}
    <div class="bc13 lh2 mart20">
        <ul class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li><a href="/files">资料</a></li>
            <li class="active">申论资料</li>
        </ul>
    </div>

    <div class="row mart10">
        <div class="col-md-8 col-sm-12 col-xs-12">
            {#申论栏目 start#}
            <div class="bdso   col-md-12">
                <div class="row flrc tac lh2">
                    <div class="flex1 pad5 jb00 c13">公务员</div>
                    <div class="flex1 pad5 bc13 c12">事业单位</div>
                    <div class="flex1 pad5 bc13 c12">公安招募</div>
                    <div class="flex1 pad5 bc13 c12">选调生</div>
                </div>
                <div class="row  lh2">
                    {% for item in 1..18 %}
                        <div class="c11 col-md-12 col-sm-12 col-xs-12">
                            <div class="flrc pad3">
                                <div class="fa fa-caret-right fs6 c12 pad5"></div>
                                <div class="ofe flex1">
                                    申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            {#申论栏目 end#}

            <div>
                <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">6</a></li>
                    <li><a href="#">7</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">9</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-4 col-xs-12 col-sm-12">
            <div class="row padb10">
                <div class="col-md-12">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="请输入关键">
                        <span class="input-group-btn">
                        <button class="btn btn-default" type="button">
                            <span class="fa fa-search"></span>
                        </button>
                    </span>
                    </div><!-- /input-group -->
                </div>
                {#<div class="col-md-4">&nbsp;</div>#}
            </div>
            {#线上小测试 start#}
            <div>
                <div class="bc1 c13 fs18 flrc pad10">
                    <div class="flex1">相关推荐</div>
                    <div class="fs14">
                        <span class="padr5">查看更多</span>
                        <span class="fa fa-angle-double-right"></span>
                    </div>
                </div>
                <div class="bdso padb5">

                    {% for item in 1..9 %}
                        <div class="flrc pad3 c11">
                            <div class="fa fa-caret-right fs6 c12 pad5"></div>
                            <div class="ofe flex1">
                                申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            {#线上小测试 end#}

            {#最新问题 start#}
            <div class="mart20">
                <div class="bc1 c13 fs18 flrc pad10">
                    <div class="flex1">最新问题</div>
                    <div class="fs14">
                        <span class="padr5">查看更多</span>
                        <span class="fa fa-angle-double-right"></span>
                    </div>
                </div>
                <div class="bdso padb5">

                    {% for item in 1..9 %}
                        <div class="flrc pad3 c11">
                            <div class="fa fa-caret-right fs6 c12 pad5"></div>
                            <div class="ofe flex1">
                                申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            {#最新问题 end#}

        </div>
    </div>


{% endblock %}

{% block myJs %}
{% endblock %}